<template>
    <div class="app-container">
        <el-tabs v-model="activeName">
            <!-- 商品列表 -->
            <el-tab-pane label="商品列表" name="商品列表">
                <List v-if="activeName === '商品列表'"></List>
            </el-tab-pane>
            <!-- 促销商品 -->
            <el-tab-pane label="促销商品" name="促销商品">
                <Promot v-if="activeName === '促销商品'"></Promot>
            </el-tab-pane>
        </el-tabs>

    </div>
</template>
  
<script>
// 接口api：first step
import List from './tabs/list.vue'
import Promot from './tabs/promot.vue'
export default {
    data() {
        return {
            // 活跃标签
            activeName: '商品列表',
        };
    },
    components: {
        List,
        Promot
    }
};
</script>
<style lang="scss" scoped>
::v-deep .el-message-box__title span {
    position: relative;
    left: 37px !important;
}

.order-state-row {
    font-size: 14px;
    font-weight: bold;
    color: #606266;
    padding: 0px 40px;
}
</style>